{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block main %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"青州永通信息工程",back:1} %}

    <div class="fs8 lh15 op9">
        <div class="list-style-1">选中用户</div>
        <mu-paper class="mar5 padl5 padr5 bcf c11 " :z-depth="1">
            <div class="padl5 padr5 padb5 bcf c11 fs8">
                <div class=" pad3 fs10 flrc">
                    <div class="flex1">[[curUser.User_realName?curUser.User_realName:"未选择用户"]]</div>
                    <div class="c11">
                        <mu-button icon @click="goto('userPicker')">
                            <mu-icon value="vertical_split"></mu-icon>
                        </mu-button>
                    </div>
                </div>

                <div class="flrc padt5 padb5">
                    <div class="flrc flex1">
                        <div class="">分组：</div>
                        <div class="flex1">[[curUser.UserGroups_name]]</div>
                    </div>
                </div>
            </div>
        </mu-paper>
        <div class="list-style-2">权限列表</div>
        {#站点列表#}
        <div>
            <mu-paper class="mar5 padl5 padr5 bcf c11 " :z-depth="1" v-for="item,index in list">
                <div class="bdbso pad5 fs10 flrc">
                    <div class="flex1 list-style-1">[[item.name]] (#[[item.id]]) </div>
                    <div  class="c3" v-if="item.select==1">
                        <mu-button icon @click="setCurFile(index)">
                            <mu-icon value="check_box"></mu-icon>
                        </mu-button>
                    </div>
                    <div  class="c12" v-if="item.select==0">
                        <mu-button icon @click="setCurFile(index)">
                            <mu-icon value="check_box_outline_blank"></mu-icon>
                        </mu-button>
                    </div>
                </div>
            </mu-paper>
        </div>
    </div>
{% endblock %}
